<template>
    <div class="baseBox">
        <pagetitle></pagetitle>
        <div class="warmprompt">
            <el-form :inline="true" :model="formInline" class="demo-form-inline">
                <el-form-item label="文本编号">
                    <el-input v-model="formInline.user" placeholder="输入合同文本编号"></el-input>
                </el-form-item>
                <el-form-item label="合同面积（亩）：">
                    <el-input v-model="formInline.user" placeholder="输入合同面积"></el-input>
                </el-form-item>
                <el-form-item label="单价（元/亩）：">
                    <el-input v-model="formInline.user" placeholder="输入单价"></el-input>
                </el-form-item>
                <el-form-item label="价格（元/年）：">
                    <el-input v-model="formInline.user" placeholder="'=面积*单价"></el-input>
                </el-form-item>
                <el-form-item label="土地所有权：">
                    <el-input v-model="formInline.user" placeholder="输入土地所有权人"></el-input>
                </el-form-item>
                <el-form-item label="土地承包权：">
                    <el-input v-model="formInline.user" placeholder="输入土地承包权人"></el-input>
                </el-form-item>
                <el-form-item label="土地经营权：">
                    <el-input v-model="formInline.user" placeholder="输入土地经营权人"></el-input>
                </el-form-item>
                <el-form-item label="证明材料：">
                    <div class="formItems">
                        <div class="formItems">
                            <el-input v-model="formInline.user" placeholder="上传合同文本"></el-input>
                            <el-button type="primary">上传</el-button>
                        </div>
                        <div class="formItems">
                            <el-input v-model="formInline.user" placeholder="上传产权文本"></el-input>
                            <el-button type="primary">上传</el-button>
                        </div>
                    </div>
                </el-form-item>
                <!-- <el-form-item>
                    <el-button type="primary" @click="onSubmit">查询</el-button>
                </el-form-item> -->
            </el-form>
            <mars3d height="700px" btnText="电子围栏"></mars3d>
            <div class="btns">
                <el-button type="primary" size="default" @click="router.back()">返回</el-button>
                <el-button size="default">保存</el-button>
            </div>
        </div>
    </div>
</template>
<script lang="ts" setup>
import mars3d from "@/components/mars3d.vue";

import { ref } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const input = ref("");
const tableData: any = ref([{}, {}]);
const formInline: any = ref({});
// export default {
//     components: {
//         mars3d,
//     },
//     data() {
//         return {
//             input: "",
//             tableData: [{}, {}, {}, {}],
//             formInline: {},
//         };
//     },
//     methods: {
//         // 跳转到指定页面
//         toAssignPage(url, tag, title) {
//             this.$store.commit("setMenuIdentification", {
//                 tag,
//                 title,
//             });
//             this.$fn.setSelectMenu(url, tag);
//         },
//     },
// };
</script>
<style lang="scss" scoped>
.baseBox {
    width: 100%;
    .warmprompt {
        padding: 20px 0;
        background: #ffffff;
        .demo-form-inline {
            padding: 0px 20px;
        }
        .warmprompttitle {
            font-size: 16px;
            font-weight: bold;
            color: #252b3a;
        }
        .demo-form-inline {
            margin-top: 20px;
            .addRess {
                width: 300px;
            }
        }
    }

    .btns {
        margin-top: 30px;
        button {
            margin-right: 20px;
        }
    }
    .formItems {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-right: 30px;
        button {
            margin-left: 10px;
        }
    }
}
</style>
